#html example
Explore tagged Tumblr posts
Text
Okay so I changed all my CWs to drop down lists in the author notes, and it was a lot easier than I thought.
The html code is pretty simple if you don't wanna do anything fancy with it, and ao3 does most of the legwork for you. Here's the plain text:
<details>
<summary>Title</summary>
Body Text
</details>
This is what I put in:

Type the title after "<summary>", aka what you want displayed as the drop-down text. After the second summary, enter your body text. In my case, the list.
It'll look like this:

The default code keeps the drop down closed, so you have to click to open it. Once opened, it'll read like so:

Easy and not at all painful like I thought it would be. Unlike tumblr's html....
#thank god for html how to's#the webpage for it was fun to look at but im a simple man and also the example pics weren’t loading on my phone#html
23 notes
·
View notes
Text

CSS Slideshow with Thumbnails
#html css slideshow#css slideshow#css slider#css slider with thu#css slider with thumbnail#html css#codenewbies#frontenddevelopment#html5 css3#css#css animation examples#css animation tutorial#pure css animation#code#webdesign
5 notes
·
View notes
Text
I’ve made some edits to my AU master doc that don’t warrant their own posts, but that I want to share anyway. So here’s the patch notes:
In kaldorei culture, it’s customary to bring small amounts of food and/or alcohol when visiting someone else’s home. This custom also happens to be shared with the pandaren and tauren.
The kaldorei have domesticated goats derived from mountain goats of northern and central Kalimdor, and a small species of deer, which provide both meat and milk.
Added a note in the War of Thorns recap that I’m still working out the finer details of why and how Teldrassil happened.
Kaldorei music includes but is not limited to (in broad terms) drums, pipes, flutes, their own varieties of lutes, and sometimes an instrument made of a large, hollow tree branch akin to a didgeridoo/yidaki.
The kaldorei use a lunisolar calendar with twelve months of twenty-eight days each, following the phases of Elune while also tracking the seasons. The new year starts in spring. Leap years occur every two or three years and add a thirteenth month. (This is inspired by the Chinese and Ojibwe calendars)
((To make things easier for myself I'm just going to make Azeroth orbit its sun and rotate at the exact same rate as Earth, and make the timing of Elune's phases occur at the same rate as our moon's. The Blue Child remains unaccounted for, for now.))
I also added sections on Pandaria, the pandaren, and their language. They're pretty short at the moment but for Pandaren the language, I've added:
Pandaren is extremely varied, with countless local dialects and accents even within one region. Someone from the northern Jade Forest may find a southerner’s accent difficult to parse at times, or feel the need to ask for rephrasing should they hear a word new to them.
Some argue the Wandering Isle dialect should be considered its own language, as the isolation from the mainland has led to so much divergence in both the spoken and written language that complex mainlander/islander conversations can be outright impossible.
Pidgins of a sort are extremely common among traders and other travelers such as Lorewalkers and the shado-pan.
I'm also gonna make a post on shadowmelding and tangentially the Wardens sometime soon. I'm supposed to be working on a comm today so I'm gonna do that first though lol
#au lore#i REALLY need to figure out a new organization system for this thing#it's getting out of hand#if anyone has suggestions for how to organize this kind of thing I'm open to it#I have a neocities account. i could probably use that. IF ONLY I KNEW HTML#if anyone has examples of docs/websites people use to catalogue their own headworlds please do share
20 notes
·
View notes
Text
CSS Animated Text Overlay
#css animated text overlay#css animation examples#html css animation#css animation tutorial#html css#codingflicks#frontend#css#html#css3#frontenddevelopment#learn to code#webdesign#animation#css image hover effects
11 notes
·
View notes
Text

3D Cube Animation
#3d cube animation#html css animation#html css#divinector#frontenddevelopment#css3#css animation tutorial#css animation examples#css animation snippets#css#html#learn to code#code
6 notes
·
View notes
Text
Working on my javascript for my web page. Turns out I have the perfect kind of setup to accomplish some of the project requirements, specifically with even handlers and user interactions
My website, conceptually, will load a different employee details page depending on what employee name is clicked on. But I need to load it dynamically (instead of hard-coding it) so that the user can add or delete employees & it'll be able to still load the relevant shit.
So! Only one employee details page, but depending on how it's loaded, it'll load a different employee's information. Still working on getting down Exactly how to do it (I'm thinking using URL parameters that'll read a different object depending on what ID is used)
It's entirely doable. In fact, it's probably extremely common to do in web pages. No one wants to hard-code information for every new object. Of course not. And thus the usefulness of dynamic javascript stuff.
I can do this. I can very much do this.
#speculation nation#i wasnt very good when i got home and i read fanfic for a while#then took a nap. and now im up again and Getting To Work.#i dont have to have this 100% perfect for final submission just yet. bc final submission isnt today.#but i need to have my final presentation over my thing done by noon (11 hours from now)#and im presenting TODAY. and part of that will be giving a live demo of my project website#so. i need to have all of the core functionality of my website down at the Very Least#might not be perfect yet. but by god if im gonna show up to my presentation with my website not working.#i need to have the employee list lead to employee details with personalized information displayed per employee#i need to create an add employee field that will Actually add an employee. using a form.#and that employee will need to show up on the list and have a new id and everything. the works.#need to set it up so that employees can be deleted. shouldnt be too much extra.#and it would be . interesting. to give an actual 'login' pop-up when someone clicks on the login button#with some kind of basic info as the login parameters. this cant be that hard to code.#the project requirements are: implement 5 distinct user interactions using javascript. at least 3 different eventhandlers#at least 5 different elements with which interaction will trigger an event handler. page modification & addition of new elements to pages#3 different ways of selecting elements. one selection returning collection of html elements with customized operations on each...#hm. customized operations on each... the example given is a todo list with different styles based on if an item is overdue or not#i wonder if my personalized detail page loading would count for this... i also have some extra info displayed for each#but i specifically want the employees to be displayed in the list uniformly. that's kinda like. The Thing.#actually im poking around on my web pages i made previously and i do quite enjoy what i set up before.#need to modify the CSS for the statistics page and employee details to make it in line with what i actually wanted for it#maybe put a background behind the footer text... i tried it before & it was iffy in how it displayed...#but it looks weird when it overlaps with a page's content. idk that's just me being particular again.#theres also data interchange as a requirement. but that should be easy if i set an initial employee list as a json file#good god im going to have to think of so much extra bullshit for these 10 made up employees#wah. this is going to be a lot of work. but. im going to do it. i just wont get very much sleep tonight.#that's ok tho. ive presented under worse conditions (cough my all nighter when i read 3gun vol 10 and cried my eyes out)#and this is going to be the last night like this of my schooling career. the very last one.#just gotta stay strong for one more night 💪💪💪
6 notes
·
View notes
Text
finally did a proper update on my toyhouse profile. passes out
#scint speaks#i've been meaning to for months now bc while i liked the old code i was using it for almost a year now i think#i needed something new but also it's a little hard when i want more webcore codes but i'm like super picky about it </3#sighs maybe i should pick html coding back up...but also god i don't wanna relearn all of that proper#(<- used to do a lot of html and sometimes css coding back on the wof wiki but doesn't any more bc i left and also Fandom dot com)#(will forever be spiteful about UCP and Discussions. let people have forums and message walls they can code in again you fucks)#but uhm anyways yeah new toyhouse profile! ignore that we should be working on examples for commissions <3 /hj
3 notes
·
View notes
Text
Unleash the power of CSS reveal animations! ✨
Our curated collection of 30+ free CSS examples will transform your website. From fades to dramatic slide-ins, find your perfect animation.
Explore our latest update & start creating today! ➡️ https://freefrontend.com/css-reveal-animations/
11 notes
·
View notes
Text
tumblr utils is so scary. I really need to sit down and comb through it bc I need to make sure at least some of my tags are saved but syntax n steps....
#ray rambles#im not familiar w python so while ive done eensy bits of html coding this is so foreign and im bad at parsing the instructions#so ive jjst been anxiously spinning about it#i guess tomorrow i have to try to take the plunge on at least figuring out the oauth....eugh.#need more examples of what the code would actually look like...putting aside ive barely ever ysed a command line...
2 notes
·
View notes
Text
Days 128 to 129
I have worked hard on my portfolio site and added some cool animations and tool tips. I have done lots of prettying up as well. Tomorrow I'll fully implement the contact page.
#self improvement#cosmickittytalk#codeblr#csharp programming#csharp#csharp is superior#girls who code#programming#coding challenge#blazor#blazor programming#blazor website development#javascript#html css#html5 css3#htmlcoding#html5#css3#css animation examples#css#web development#website#front end development#full stack developer#coding for a year#coding#website development#website design#website animation#animated website
13 notes
·
View notes
Text
felt like i was going crazy yesterday trying to set up a login system for this website 😭 it was like i was back in college again!
#im using supabase for auth and i was like someone pls...show me how to do this...with just vanilla js#every tutorial is with like react or next#im trying to do this site with just html css and js (and php)#so i can learn#and later if i wanna move things to a framework i wont be completely lost if something breaks!#but yea i pretty much settled on like using react for part of the website so i can get this login set up#i found some videos and articles so im pretty sure its possible#other options is to use the archived js example i finally found for supabase auth but#it scares me that its archived#fingers crossed next time i code this works#i think this has to be the hardest part of the coding#i wish i could do my own auth thing but thats super dangerous as a beginner#anyways if i get stuck again ill just try the archived js example#and if im still stuck...#idk find another auth thing to use ig#BF RALLY WILL HAPPEN IT WILL#if it doesnt it means i died or someshit lol#but yea im mainly just like ugh about react cause i seriously dont need all those libraries added rn#this sites not supposed to be that complicated imo like yea its dynamic but its like a neopets like thing#the partial react thing doesnt rely on installing a bunch of stuff (i think)#so maybe we r good#????#web development#webdev#coding#codebreakers#if someone has the magic video to hand hold me through these pls send lol
2 notes
·
View notes
Text
html is so cool you can make such fun layouts with it. I want to make my own someday.. there are lots of layouts I really like the jist of layouts like this and that and maybe I will look into how all the fancy schmancy div classes work and poke around someday
#thoughts#toyhouse is fun to just look at.. all the html.#my favorite layouts are the ones in like. two neat rows (example: my current profile html) where you can see everything#but I also like the nice button ones (ex: what I use for buddycrew)#I don't like the super small layouts but I suppose those would look nicest on mobile..
5 notes
·
View notes
Text

Text Typing Effect
#text typing effect#css text animation#pure css animation#html5 css3#html css#codenewbies#css animation examples#css animation tutorial#css#frontenddevelopment
6 notes
·
View notes
Text
CSS Typewriter effect
#html css#css#css3#html5 css3#html5#frontend#learn to code#frontenddevelopment#css animation examples
2 notes
·
View notes
Text
Animated Card Design
#css card animation#css cards#card html css#image hover animation#css animation examples#html5#html css#codingflicks#frontend#html#learn to code#webdesign#card hover animation
5 notes
·
View notes
Text
Stack animation on hover
#stack animation on hover#css stack animation#html css#divinector#css#html#css3#frontenddevelopment#divinectorweb#webdesign#css image hover effects#css animation examples
6 notes
·
View notes